 <!DOCTYPE html>
<html>
	<head>
		<!--
        	作者：刘开新
        	时间：2018-09-20
        	描述：登录作业
        -->
		<meta charset="utf-8" />
		<title>刘开新的登录页面</title>
		<link rel="stylesheet" type="text/css"  href="base/plugins/layui/css/layui.css" media="all"/>
		<style type="text/css">
			body{
				background: url("../img/login_bg.jpg") no-repeat center center fixed;
				background-size: 100% 100%;
			}
			.login{
				width: 477px;
				height: 348px;
				background-color:black ;
				margin: 10% auto;
				background-color:rgba(9,10,42,0.4078) ;
				border-radius: 10px;
				color: aliceblue;
			}
			div> h2{
				text-align: center;
				font-size: 25px
				padding:10px;
				border-bottom: 1px solid aliceblue;     
				}
			.center{
				width: 500px;
				margin-left: 17%;
				margin-top: 30px;
				
			}
			.buttom{
				margin-left: 40%;
				margin-top: 15px;
			}	
			.center input{
				width: 300px;
				height: 48px;
				 
			}	
		</style>
	</head>
	<body>
		<div class="login">
			
			<form class="layui-form" action="">
				<div ><h2>登陆界面</h2></div>
				<div class="center">
					<input class="layui-input" lay-verify="required" type="text " name="zhanghao"  placeholder="请输入账号"><br>
				</div>
				<div class="center">
					
					<input class="layui-input" lay-verify="required" type="password" name="pas"  placeholder="请输入密码"><br>
				</div>
				<div class="center"> 
					<label class="layui-form-label">记住账号？</label>
					
						<input type="checkbox" name="switch" lay-skin="switch" lay-text="否|是">
				</div>
				<div class="buttom" >
					<button  class="layui-btn" lay-submit>登录</button>
				</div>
			</form>
		</div>
		
		
		
		<script src="base/js/jquery-1.11.3.min.js"> </script>
		<script src="base/plugins/layui/layui.js"></script>
		<script src="base/layui/layui.js" type="text/javascript">
			layui.use('form', function() {
				var form = layui.form;
		       form.render();
			});
		</script>
		
	</body>
</html>
